<style>
  .demo-slide {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom right, #5193e9, #0e61cd);
    color: #fff;
    font-size: 48px;
  }
</style>

<b-carousel slides-per-view="3" gap="50">
  <div class="demo-slide">1</div>
  <div class="demo-slide">2</div>
</b-carousel>

<b-divider></b-divider>

<b-carousel slides-per-view="3" disable-fill gap="50">
  <div class="demo-slide">1</div>
  <div class="demo-slide">2</div>
</b-carousel>